VisaptveroÅ”a rokasgrÄmata par efektÄ«va alt teksta rakstÄ«Å”anu attÄliem, nodroÅ”inot pieejamÄ«bu lietotÄjiem ar redzes traucÄjumiem un uzlabojot SEO globÄlai auditorijai.
Alt teksta rakstÄ«Å”ana: AprakstoÅ”a attÄlu pieejamÄ«ba globÄlai auditorijai
MÅ«sdienu digitÄlajÄ vidÄ vizuÄlajam saturam ir izŔķiroÅ”a loma auditorijas iesaistÄ«Å”anÄ un informÄcijas nodoÅ”anÄ. TomÄr lietotÄjiem ar redzes traucÄjumiem piekļuve Å”im saturam var bÅ«t sarežģīta. Å eit talkÄ nÄk alt teksts. Alt teksts jeb alternatÄ«vais teksts ir Ä«ss attÄla apraksts, kas ir iestrÄdÄts HTML kodÄ. To skaļi nolasÄ«ja ekrÄna lasÄ«tÄji, ļaujot lietotÄjiem ar redzes traucÄjumiem saprast attÄla saturu un kontekstu. TurklÄt alt teksts uzlabo arÄ« meklÄtÄjprogrammu optimizÄciju (SEO), palÄ«dzot meklÄtÄjprogrammÄm saprast un indeksÄt jÅ«su attÄlus, padarot jÅ«su vietni redzamÄku globÄlai auditorijai.
KÄpÄc alt teksts ir svarÄ«gs: PieejamÄ«ba un SEO
Alt teksts nav tikai jauka funkcija; tas ir tÄ«mekļa pieejamÄ«bas pamataspekts un vÄrtÄ«gs SEO rÄ«ks. LÅ«k, kÄpÄc tas ir tik svarÄ«gi:
PieejamÄ«ba lietotÄjiem ar redzes traucÄjumiem
EkrÄna lasÄ«tÄji paļaujas uz alt tekstu, lai aprakstÄ«tu attÄlus lietotÄjiem, kuri tos nevar redzÄt. Bez precÄ«za un aprakstoÅ”a alt teksta Å”ie lietotÄji tiek izslÄgti no pilnÄ«gas jÅ«su vietnes satura izpratnes. IedomÄjieties, ka pÄrlÅ«kojat ziÅu vietni un sastopaties ar protesta attÄlu. Bez alt teksta ekrÄna lasÄ«tÄjs varÄtu vienkÄrÅ”i paziÅot "attÄls", atstÄjot lietotÄju pilnÄ«gÄ neziÅÄ par to, par ko ir protests. AprakstoÅ”s alt teksts, piemÄram, "ProtestÄtÄji LondonÄ tur plakÄtus, aicinot uz rÄ«cÄ«bu klimata jomÄ", sniedz bÅ«tisku kontekstu.
Tas kļūst vÄl svarÄ«gÄk mÄcÄ«bu saturam. PiemÄram, gatavoÅ”anas vietnei, kurÄ parÄdÄ«ti suÅ”i pagatavoÅ”anas soļi, ir nepiecieÅ”ams alt teksts, piemÄram, "Å efpavÄra tuvplÄns, kas vienmÄrÄ«gi izklÄj rÄ«sus uz nori jÅ«raszÄles", lai lietotÄji varÄtu sekot lÄ«dzi.
Uzlabota SEO veiktspÄja
MeklÄtÄjprogrammas izmanto alt tekstu, lai saprastu attÄlu saturu un to atbilstÄ«bu apkÄrtÄjam tekstam. NodroÅ”inot aprakstoÅ”u un atslÄgvÄrdiem bagÄtu alt tekstu, jÅ«s varat palÄ«dzÄt meklÄtÄjprogrammÄm efektÄ«vÄk indeksÄt jÅ«su attÄlus, uzlabojot jÅ«su vietnes kopÄjo meklÄÅ”anas rangu. PiemÄram, ja jÅ«s pÄrdodat rokÄm darinÄtu keramiku tieÅ”saistÄ, izmantojot alt tekstu, piemÄram, "Roku darba keramikas krÅ«ze ar zilu glazÅ«ru", jÅ«su produkts parÄdÄ«sies meklÄÅ”anas rezultÄtos, kad cilvÄki meklÄs lÄ«dzÄ«gas preces. Tas ir Ä«paÅ”i svarÄ«gi e-komercijas uzÅÄmumiem, kas mÄrÄ·Äti uz globÄlo tirgu.
TurklÄt attÄlu meklÄÅ”ana ir arvien svarÄ«gÄka meklÄÅ”anas ainavas daļa. Labi optimizÄts alt teksts nodroÅ”ina, ka jÅ«su attÄli ir atrodami attÄlu meklÄÅ”anas rezultÄtos, piesaistot papildu trafiku jÅ«su vietnei.
Atbilstība pieejamības standartiem
DaudzÄs valstÄ«s ir pieejamÄ«bas likumi un vadlÄ«nijas, piemÄram, Likums par amerikÄÅiem ar invaliditÄti (ADA) Amerikas SavienotajÄs ValstÄ«s, Likums par ontarieÅ”u ar invaliditÄti pieejamÄ«bu (AODA) KanÄdÄ un Eiropas PieejamÄ«bas akts (EAA) EiropÄ. Å ie likumi bieži prasa, lai tÄ«mekļa vietnes bÅ«tu pieejamas lietotÄjiem ar invaliditÄti, tostarp tiem, kam ir redzes traucÄjumi. PrecÄ«za un aprakstoÅ”a alt teksta nodroÅ”inÄÅ”ana ir bÅ«tiska, lai atbilstu Å”iem standartiem. NeatbilstÄ«ba var radÄ«t juridiskas sankcijas un reputÄcijas bojÄjumus.
LabÄkÄ prakse efektÄ«va alt teksta rakstÄ«Å”anai
EfektÄ«va alt teksta rakstÄ«Å”ana prasa rÅ«pÄ«gu apsvÄrÅ”anu un uzmanÄ«bu detaļÄm. Å eit ir dažas labÄkÄs prakses, kurÄm sekot:
Esiet aprakstoŔs un kodolīgs
Alt teksta galvenais mÄrÄ·is ir aprakstÄ«t attÄlu pÄc iespÄjas precÄ«zÄk un kodolÄ«gÄk. MÄÄ£iniet panÄkt lÄ«dzsvaru starp pietiekami daudz detaļu sniegÅ”anu, lai nodotu attÄla nozÄ«mi, un teksta uzturÄÅ”anu Ä«su un viegli saprotamu. Parasti pietiek ar dažiem vÄrdiem lÄ«dz Ä«sam teikumam. Apsveriet, ko attÄls mÄÄ£ina paziÅot. IedomÄjieties, ka jÅ«s aprakstÄt attÄlu kÄdam, kurÅ” to nevar redzÄt.
PiemÄrs:
Slikti: image.jpg
Labi: CilvÄku grupa MumbajÄ svin Divali ar brÄ«numsvecÄ«tÄm.
KoncentrÄjieties uz kontekstu
IdeÄlais alt teksts bÅ«s atkarÄ«gs no attÄla konteksta. Apsveriet, kÄ attÄls attiecas uz apkÄrtÄjo saturu un kÄdu informÄciju tas pievieno. Ja attÄls ir tÄ«ri dekoratÄ«vs, varat izmantot tukÅ”u alt atribÅ«tu (alt=""), lai signalizÄtu ekrÄna lasÄ«tÄjiem, ka tas ir jÄignorÄ. PiemÄram, ja jums ir rakstains fona attÄls, kas nesniedz nekÄdu nozÄ«mÄ«gu informÄciju, ir pareizi izmantot tukÅ”u alt atribÅ«tu.
PiemÄrs:
LapÄ par ceļoÅ”anu JapÄnÄ:
Slikti: JapÄÅu dÄrzs
Labi: MierÄ«gs japÄÅu dÄrzs ar koi dÄ«Ä·i Kioto.
Iekļaujiet atbilstoÅ”us atslÄgvÄrdus (bet nepÄrslogojiet)
Lai gan alt teksta galvenais mÄrÄ·is ir pieejamÄ«ba, tas arÄ« sniedz iespÄju uzlabot SEO. Iekļaujiet atbilstoÅ”us atslÄgvÄrdus, kas precÄ«zi apraksta attÄlu un attiecas uz apkÄrtÄjo saturu. TomÄr izvairieties no atslÄgvÄrdu pÄrslogojuma, kas var kaitÄt SEO un padarÄ«t alt tekstu mazÄk noderÄ«gu lietotÄjiem. KoncentrÄjieties uz dabiska un aprakstoÅ”a apraksta sniegÅ”anu, kas ietver atbilstoÅ”us atslÄgvÄrdus, kur tas ir piemÄroti.
PiemÄrs:
AttÄlam ar tradicionÄlu skotu kiltu:
Slikti: kilts tartÄns vilna drÄbes Skotija tradicionÄls skotu
Labi: VÄ«rietis valkÄ tradicionÄlu skotu kiltu ar Royal Stewart tartÄna rakstu.
Esiet specifiski par cilvÄkiem
Ja attÄlÄ ir redzami cilvÄki, sniedziet konkrÄtu informÄciju par viÅiem, piemÄram, viÅu vÄrdus, lomas vai darbÄ«bas. Tas ir Ä«paÅ”i svarÄ«gi attÄliem, kas ir daļa no ziÅu rakstiem vai izglÄ«tojoÅ”a satura. Ja attÄlÄ ir vÄsturiska personÄ«ba, miniet viÅu vÄrdu un nozÄ«mi. Ja tas ir komandas locekļa attÄls lapÄ "Par mums", iekļaujiet viÅu vÄrdu un amatu.
PiemÄrs:
Slikti: CilvÄki
Labi: Nelsons Mandela uzrunÄ pÅ«li anti-aparteÄ«da mÄ«tiÅÄ JohannesburgÄ.
Aprakstiet attÄla funkcionalitÄti
Ja attÄls ir saite vai poga, alt tekstam jÄapraksta saites vai pogas funkcija. PiemÄram, ja attÄls ir poga ar uzrakstu "Iesniegt", alt tekstam jÄbÅ«t "Iesniegt". Ja attÄls ir saite uz citu lapu, alt tekstam jÄapraksta mÄrÄ·a lapa. Tas ir ļoti svarÄ«gi lietotÄjiem, kuri paļaujas uz ekrÄna lasÄ«tÄjiem, lai pÄrvietotos pa vietnÄm.
PiemÄrs:
AttÄlam, kas ved uz kontaktu lapu:
Slikti: Logotips
Labi: Saite uz kontaktu lapu.
Izvairieties no liekvÄrdÄ«bas
Ja attÄls jau ir aprakstÄ«ts apkÄrtÄjÄ tekstÄ, izvairieties no tÄs paÅ”as informÄcijas atkÄrtoÅ”anas alt tekstÄ. TÄ vietÄ koncentrÄjieties uz papildu detaļu vai konteksta sniegÅ”anu, kas vÄl nav aptverts tekstÄ. Tas palÄ«dz izvairÄ«ties no liekvÄrdÄ«bas un nodroÅ”ina, ka alt teksts sniedz vÄrtÄ«bu lietotÄjiem.
PiemÄrs:
Ja rindkopÄ blakus attÄlam jau ir aprakstÄ«ts konkrÄts zieda veids:
Slikti: SaulespuÄ·e
Labi: SaulespuÄ·es tuvplÄns, kurÄ redzams tÄs sarežģītais sÄklu raksts.
Lietojiet pareizu gramatiku un pareizrakstību
PÄrliecinieties, ka jÅ«su alt tekstÄ nav gramatisku kļūdu un pareizrakstÄ«bas kļūdu. Tas atvieglos ekrÄna lasÄ«tÄjiem teksta interpretÄciju un lietotÄjiem attÄla sapraÅ”anu. Pirms publicÄÅ”anas rÅ«pÄ«gi pÄrbaudiet savu alt tekstu. Pat nelielas kļūdas var ietekmÄt lietotÄja pieredzi un SEO.
Neiekļaujiet "AttÄls ar..." vai "Bilde ar..."
EkrÄna lasÄ«tÄji automÄtiski paziÅo, ka tas ir attÄls, tÄpÄc norÄdÄ«t "AttÄls ar..." vai "Bilde ar..." ir lieki. VienkÄrÅ”i aprakstiet, kas ir attÄlÄ.
PiemÄrs:
Slikti: AttÄls ar Eifeļa torni
Labi: Eifeļa tornis, izgaismots naktÄ« ParÄ«zÄ.
PÄrbaudiet savu alt tekstu
PÄc alt teksta uzrakstÄ«Å”anas pÄrbaudiet to ar ekrÄna lasÄ«tÄju, lai pÄrliecinÄtos, ka tas sniedz skaidru un precÄ«zu attÄla aprakstu. Ir pieejami daudzi bezmaksas ekrÄna lasÄ«tÄji, piemÄram, NVDA (NonVisual Desktop Access) un ChromeVox. PÄrbaudot savu alt tekstu, jÅ«s varÄsiet identificÄt jomas, kurÄs nepiecieÅ”ami uzlabojumi, un nodroÅ”inÄt, ka tas ir pieejams visiem lietotÄjiem.
EfektÄ«va alt teksta piemÄri dažÄdos kontekstos
Lai vÄl vairÄk ilustrÄtu efektÄ«va alt teksta rakstÄ«Å”anas principus, Å”eit ir daži piemÄri dažÄdos kontekstos:
E-komercija
AttÄls: Ädas rokassomiÅas tuvplÄns ar smalku noÅ”uvumu.
Alt teksts: Roku darba Ädas rokassomiÅa ar detalizÄtu noÅ”uvumu un misiÅa sprÄdzes aizdari.
ZiÅu raksts
AttÄls: FotoattÄls ar protestu HonkongÄ.
Alt teksts: ProtestÄtÄji HonkongÄ tur lietussargus demonstrÄcijas laikÄ pret izdoÅ”anas likumprojektu.
Izglītības vietne
AttÄls: CilvÄka sirds ilustrÄcija.
Alt teksts: CilvÄka sirds diagramma, kurÄ redzami priekÅ”kambari, kambari un galvenie asinsvadi.
Ceļojumu blogs
AttÄls: PanorÄmas skats uz MaÄu PikÄu Peru.
Alt teksts: PanorÄmas skats uz MaÄu PikÄu, seno inku citadeli, kas atrodas Andu kalnos Peru.
RecepŔu vietne
AttÄls: Å Ä·Ä«vis ar svaigi ceptiem Å”okolÄdes cepumiem.
Alt teksts: KaudzÄ«te zeltaini brÅ«nu Å”okolÄdes cepumu uz balta Ŕķīvja.
BiežÄkÄs kļūdas, no kurÄm jÄizvairÄs
Lai gan alt teksta rakstÄ«Å”ana var Ŕķist vienkÄrÅ”a, ir vairÄkas bieži sastopamas kļūdas, no kurÄm jums vajadzÄtu izvairÄ«ties:
- VispÄrÄ«ga alt teksta izmantoÅ”ana: Izvairieties no vispÄrÄ«ga alt teksta, piemÄram, "attÄls" vai "bilde", izmantoÅ”anas. Å ie apraksti nesniedz nekÄdu vÄrtÄ«bu lietotÄjiem.
- AtslÄgvÄrdu pÄrslogojums: Izvairieties no alt teksta pÄrpildÄ«Å”anas ar pÄrmÄrÄ«gi daudz atslÄgvÄrdiem. Tas var kaitÄt SEO un padarÄ«t alt tekstu mazÄk noderÄ«gu lietotÄjiem.
- TukÅ”a alt teksta atstÄÅ”ana: Ja attÄls sniedz nozÄ«mÄ«gu informÄciju, alt teksta atstÄÅ”ana tukÅ”a ir nopietna pieejamÄ«bas problÄma.
- Garu un izplÅ«duÅ”u aprakstu izmantoÅ”ana: Uzturiet alt tekstu kodolÄ«gu un mÄrÄ·tiecÄ«gu. Izvairieties no gariem un izplÅ«duÅ”iem aprakstiem, kurus ir grÅ«ti saprast.
- Konteksta ignorÄÅ”ana: Rakstot alt tekstu, vienmÄr Åemiet vÄrÄ attÄla kontekstu un to, kÄ tas attiecas uz apkÄrtÄjo saturu.
Alt teksta ievieŔana HTML
Pievienot alt tekstu attÄliem ir vienkÄrÅ”i. Izmantojiet `alt` atribÅ«tu `` tagÄ savÄ HTML kodÄ.
PiemÄrs:
`
`
Ja attÄls ir tÄ«ri dekoratÄ«vs, izmantojiet tukÅ”u alt atribÅ«tu:
`
`
Rīki un resursi alt teksta rakstīŔanai
Ir pieejami daudzi rÄ«ki un resursi, kas palÄ«dzÄs jums rakstÄ«t efektÄ«vu alt tekstu:
- TÄ«mekļa pieejamÄ«bas novÄrtÄÅ”anas rÄ«ki: Izmantojiet tÄ«mekļa pieejamÄ«bas novÄrtÄÅ”anas rÄ«kus, lai identificÄtu attÄlus, kuriem trÅ«kst alt teksta vai kuriem ir neatbilstoÅ”i apraksti. PiemÄri ietver WAVE un Axe.
- EkrÄna lasÄ«tÄji: Izmantojiet ekrÄna lasÄ«tÄjus, lai pÄrbaudÄ«tu savu alt tekstu un nodroÅ”inÄtu, ka tas sniedz skaidru un precÄ«zu attÄla aprakstu.
- PieejamÄ«bas vadlÄ«nijas: Skatiet pieejamÄ«bas vadlÄ«nijas, piemÄram, TÄ«mekļa satura pieejamÄ«bas vadlÄ«nijas (WCAG), lai iegÅ«tu detalizÄtu informÄciju par pieejama alt teksta rakstÄ«Å”anu.
- TieÅ”saistes kursi un pamÄcÄ«bas: ApmeklÄjiet tieÅ”saistes kursus un pamÄcÄ«bas, lai uzzinÄtu vairÄk par alt teksta rakstÄ«Å”anu un tÄ«mekļa pieejamÄ«bu.
NoslÄgums
Alt teksts ir bÅ«tisks tÄ«mekļa pieejamÄ«bas elements un vÄrtÄ«gs SEO rÄ«ks. IevÄrojot Å”ajÄ rokasgrÄmatÄ izklÄstÄ«tÄs labÄkÄs prakses, jÅ«s varat nodroÅ”inÄt, ka jÅ«su attÄli ir pieejami visiem lietotÄjiem, tostarp tiem, kam ir redzes traucÄjumi, un uzlabot savas vietnes redzamÄ«bu meklÄÅ”anas rezultÄtos. Rakstot alt tekstu, atcerieties bÅ«t aprakstoÅ”s, kodolÄ«gs un kontekstjutÄ«gs, un vienmÄr pÄrbaudiet savu alt tekstu ar ekrÄna lasÄ«tÄju, lai pÄrliecinÄtos, ka tas sniedz skaidru un precÄ«zu attÄla aprakstu. PieŔķirot prioritÄti alt tekstam, jÅ«s varat radÄ«t iekļaujoÅ”Äku un pieejamÄku tieÅ”saistes pieredzi globÄlai auditorijai.
Padarot savu vietni globÄli pieejamu, jÅ«s parÄdÄt savu apÅemÅ”anos veicinÄt iekļauÅ”anu un paplaÅ”inÄt savu potenciÄlo lietotÄju bÄzi. IevÄrojot Ŕīs vadlÄ«nijas, jÅ«s ne tikai padarÄt savu vietni atbilstoÅ”u prasÄ«bÄm, bet arÄ« uzlabojat pieredzi visiem saviem lietotÄjiem neatkarÄ«gi no viÅu spÄjÄm vai atraÅ”anÄs vietas.
Atcerieties, ka internets ir globÄls resurss, un pieejams saturs nÄk par labu ikvienam.